import * as PIXI from 'pixi.js'
import bg from './bg'
import lining from './lining'
import search from './search'
import rank from './rank'
import consume from './consume'
import { setPixi } from '@/store/modules/usePixiStore'
// 1919 - 总宽度
// 453 - 搜索区域总宽度
// 61 - 边框檐角宽度
// 96 / 2 - 搜索区域上边不超出
// 55 - 搜索框高度
// 卡牌检索
export default function searchCardBook(textureSource: PIXI.TextureSource) {
  const container = new PIXI.Container()
  // 背景和夹层
  const searchBgContainer = new PIXI.Container()
  // 背景
  searchBgContainer.addChild(bg(textureSource))
  // 夹层
  searchBgContainer.addChild(lining(textureSource))
  container.addChild(searchBgContainer)
  // 搜索框
  container.addChild(search(textureSource))
  // 等级
  container.addChild(rank(textureSource))
  // 消耗
  container.addChild(consume(textureSource))
  container.position.set(1919 - 453 / 2 - 61, 96 / 2) // 靠右上后调整位置
  container.scale.set(0.83) // 缩放

  setPixi('searchBg', searchBgContainer)
  return container
}
